/*header*/
html {padding:0;margin:0; min-width: 1170px;}
body{line-height: 160%; font-size: 14px; min-width: 1170px; font-family: "Microsoft YaHei","微软雅黑"; color: #474443;}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}
:focus {
    outline: -webkit-focus-ring-color auto 0px;
}
@media (min-width: 1360px){
.container{width: 1170px;}
}
.collapse{display: block;}
em, i{font-style: normal;}
a {text-decoration: none; color: #474443;}
li a{color: #474443;}
a:focus, a:hover{ color: #474443;}
.topnav{ background:#3e3a39;   z-index: 10; width: 100%;  display: flex; }
.jjloog{ display: inline-block; padding: 10px 40px; }
.navbar-default{ border: 0; border-radius: 0;
    background-color: transparent; margin-bottom: 0}
.topbj{ padding: 0 10px; }
.navbar-default .navbar-nav{ display: flex; justify-content: space-between; width: 100%}
.navbar-default .navbar-nav>li>a{ color: #fff; padding: 15px 20px;  height: 60px; line-height: 30px; overflow: hidden;
    font-size: 14px; position: relative; }
.navbar-default .navbar-nav>li>a .cn{ }
.navbar-default .navbar-nav>li>a:hover .cn,.navbar-default .navbar-nav>li.active>a .cn{margin-top: 0px;}
.navbar-default .navbar-nav>li>a:hover .en,.navbar-default .navbar-nav>li.active>a .en{margin-top: -30px;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{  color: #fff; background:  linear-gradient(to right ,#003a8b, #006aad);  }
.topnav:after{display: none;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{background-color:transparent;}

.dropdown-menu{background: #3e3a39; border: 0px;transition: all 0s ease 0s;}
.navtel .iconfont{ color: #3e3a39; margin-right: 4px;}
.dropdown-menu>li>a{ display: inline-block;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{color:#fff; padding:10px 10px; width: 100%;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover,nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a:hover{background:  linear-gradient(to right ,#003a8b, #006aad);   color: #fff;}
.swiper-container-b {
    width: 100%;
    height: 100%; overflow: hidden;
    background: #000;
}
.swiper-pagination-b { position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
}
.yb-banner{ position: relative;
    width: 100%;  overflow: hidden;}
    .yb-banner .syban ul{transition: all 0s ease 0s;;}
.main-page{ padding: 40px 0;  width: 100%;}
.jiantou .iconfont{ font-size: 24px; color: #fff;}
.prev1{ left:49px;transition: all .36s ease;position:absolute;top:50%;z-index:99;text-align:center;margin-top:-49px;
    width:49px;height:49px;cursor:pointer;opacity: 1; }
.next1{ right:49px;transition: all .36s ease; position:absolute;top:50%;z-index:99;text-align:center;margin-top:-49px;width:49px;
    height:49px;cursor:pointer;opacity: 1;}

.topri{display: flex; width: 100%; justify-content: flex-end; padding: 10px 40px; padding-right: 60px;}
.topri-a{display: flex; justify-content: flex-end;align-items: center; padding: 0 10px;}
.topri-a .tel{color: #e60012; font-weight: bold; font-size: 18px;}
.topri-a .img-icon{margin: 0 5px;}
.topri-b{margin-left: 20px;}
.topri-b img{max-height: 80px;}
.ab-ul{display: flex; width: 100%; padding: 0px 13%; color: #474443;}
.ab-ul a{color: #474443;}
.ab-ul-div{display: flex; width: 100%; height: 120px; padding: 20px; flex-direction: column; position: relative; border-right: 1px solid #939393}
.ab-ul-div:before{content: ''; position: absolute; left: 20px; top: 0px; width: 40px; height: 2px; background: #999;}
.ab-ul-tit{font-size: 16px; font-weight: bold;}
.ab-ul li:last-child .ab-ul-div{ border-right: 0;}
.sy-sea{display: flex; margin: 6px 0; justify-content: flex-start; align-items: center}
.sy-sea .myseabtn{display: flex; padding: 0 20px; background: #20448E;}
.sy-sea .myseabtn .iconfont{color: #fff; height: 30px; line-height: 30px;}
.sy-sea input{ border: 1px solid #20448E; height: 30px; line-height: 30px;}

.pagetita{display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center;}
.pagetita.b{justify-content: flex-start; align-items: flex-start}
.pagetita.b .cn{text-align: left}
.pagetita.baise{color: #fff;}
.pagetita.baise .cn{color: #fff;}
.pagetita .cn{font-weight: bold; font-size: 40px; letter-spacing: 4px; line-height: 60px; text-align: center; color: #474443; width: 100%;}
.pagetita .en{font-size: 68px; color: #20448E; line-height: 80px;}
.pagetita .note{ font-size: 24px;}
.pagetita .noteb{ font-size: 24px; letter-spacing: 2px;}

.pagenav{display: flex; width: 100%; margin: 0; justify-content: center; align-items: center;}
.pagenav li{padding: 5px 20px; font-size: 16px; font-weight: bold; margin: 5px 10px}
.pagenav li a:hover{color: #20448E;}
.page9{ margin: 40px 0;}
.page9 img{ width: 100%;}


.news-div{width: 100%; display: inline-block; padding: 6px; border-bottom: 1px solid #999}
.news-ul.t .news-div{border-bottom: 0;}
.news-img-s{ width: 100%; height: 320px; overflow: hidden;}
.news-img-s img{min-height: 100%; width: 100%;}
.news-img img{ width: 100%; min-height: 100%;}
.news-top{ display: inline-block; width: 100%; padding:0 5px; line-height: 20px;}
.news-time{ display: inline-block; float: left ; font-size: 14px; color: #ccc; font-weight: 500; line-height: 30px;}

.newsmore{ display: inline-block; float: right;}
.newsmore a{ display: inline-block; padding: 0 10px; font-size: 12px; margin-top: 5px; color: #ccc;}
.newsmore a .iconfont{ display: inline-block;}
.newstit{ display: inline-block; width: 100%; font-weight: bold; line-height: 30px;  height: 30px; overflow: hidden; font-size:18px;}
.nynewst .newstit{font-size: 18px;}
.newsnote{ display: inline-block; width: 100%; line-height: 22px;  color: #666; height: 44px; overflow: hidden; font-size: 12px;}

.news-top{ display: inline-block; border-top: 1px solid #f5f5f5; padding-top: 10px;}

.newsbody{ width: 100%; padding:0 ; padding-right: 10px; display: inline-block; margin:3.5px 0;  }

.news-div:hover .news-img-s img{ transform: scale(1.1)}
.news-div:hover{  background: #f5f5f5; box-shadow: 5px 5px 10px #999;}
.news_dd{ display: flex;}
.news-ul-div{ width: 50%; overflow: hidden;}
.news-ul{ flex: 1; display: flex; flex-direction: column; padding: 0 10px;}

.syabpage{background: url('../images/pagebjd.jpg') top center repeat-x #f7f7f7; width: 100%; padding: 40px; border-bottom: 2px solid #504d4d; padding-bottom: 0;}

.syabcen{background: #fff; box-shadow: 3px 3px 10px rgba(0,0,0,.1); padding: 40px; margin-top: 40px; display: flex; flex-wrap: wrap; width: 100%}
.abbody{display: flex; flex-direction: column; width: 100%;}
.abbody .abtit{font-weight: bold; font-size: 24px; line-height: 50px;}
.abbody .abcon{line-height: 25px;}

.abbody .abmore{display: flex; width: 100%; margin-top: 20px;}
.abmore a{ color: #fff; background:  linear-gradient(to right ,#003a8b, #006aad);  display: flex; justify-content: center; padding: 4px 20px; border-radius: 100px;}

.abicon{display: flex; justify-content: flex-end; align-items: center; width: 100%; margin: 0px 0;}
.abicon li a{display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 0px; line-height: 40px;}

.abicon li a .abic{width: 50px; height: 50px;}
.abicon li a:hover{color: #0d50be;}
.abicon-a{ background: url('../images/abicon1b.png'); }
.abicon li a:hover .abicon-a{background: url('../images/abicon1a.png');}

.abicon-b{ background: url('../images/abicon2b.png'); }
.abicon li a:hover .abicon-b{background: url('../images/abicon2a.png');}
.abicon-c{ background: url('../images/abicon3b.png'); }
.abicon li a:hover .abicon-c{background: url('../images/abicon3a.png');}
.abicon-d{ background: url('../images/abicon4b.png'); }
.abicon li a:hover .abicon-d{background: url('../images/abicon4a.png');}

.abicon li{padding: 12px;}
.abicon li:last-child{padding-right: 0;}
.abicon li a img{width: 40px;}
.page-ny-bt{display: inline-block; width: 100%; padding: 20px 0; text-align: center;}
.pagecen{width: 100%; }
.pagecen img{max-width: 100%;}
.btns {
    float: right;
}.btns a {
     float: left;
     width: 108px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     font-size: 16px;
     box-sizing: border-box;
 }

.btns a.a1 {
    border: 1px solid #666666;
    border-right: 0px;
}

.btns a.a2 {
    background:  linear-gradient(to top ,#004996, #007cc3);
    color: #fff;
}
.pro{ padding:88px 0 56px; background: url(../images/pro_bg.jpg) no-repeat center top;box-sizing: border-box;}
.pro_t{height: 150px;}
.pro_t h2 a{ display: block;font-size: 24px;line-height:40px;color: #fff;font-weight: normal;float: left; position: relative;}
.pro_t h2 a b{ font-size: 36px;}
.pro_t h2 a:after{content: ''; position: absolute; height: 4px; width: 40px; background: #fff; left: 0; bottom: -20px;}

.pro_con .tempWrap{min-width: 1170px;}
.pro_t h2 em{ display: block;font-size: 24px;line-height: 24px; padding-bottom: 14px;color: #2397ff;}
.pro_z{ float: right; }
.pro_z li{ float: left;margin-left: 50px;height: 158px;box-sizing: border-box; -moz-transition:.5s;-o-transition:.5s;-webkit-transition:.5s;transition:.5s;box-sizing: border-box;width:140px;position:relative;}
.pro_z li.on{  background:  linear-gradient(to bottom ,#004996, #007cc3); box-shadow: 3px 3px 6px rgba(0,0,0,0.1); border-radius: 5px;}
.pro_z li.on:after{ position:absolute;left:50%;margin-left:-10px;bottom:-12px;content:"";background:0;width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #007cc3 transparent transparent transparent;}

.pro_z li img{ display: block; width: 100px; margin: 0 auto; }
.pro_z li span{ display: block;font-size: 20px;line-height: 20px;color: #ffffff;padding-top: 5px;text-align: center; }
.pro_con{ position: relative; }
.pro_bd{height: 710px;}
.pro_l{float: left; width: 100%; min-width: 1170px !important; background: #fff;}
.pro_l dt{ height: 240px; min-width: 1170px; width: 100%;padding: 42px 68px 0 65px; box-sizing: border-box;}
.pro_l dt .em{ display: flex;font-size: 24px;line-height: 26px;color: #333;height: 50px; }
.pro_l dt .em b{ font-weight: bold;color: #46539b;display: inline-block;margin-right: 18px;font-size:26px; min-width: 170px; }
.pro_l dt .em i{background:url(../images/xing.png)no-repeat left center;display:inline-block;padding-left:18px;margin-right:4px;font-size:22px;font-weight:bold;}
.pro_l dt .p{ display: block;font-size: 16px;line-height: 28px;color: #666666;height: 130px; }
.pro_l dt .p span{font-weight: normal;}
.pro_l dt i:hover span{ margin-left: 7px;color: #fff; }
.pro_l dd li{ position: relative;
    display: block;
    width: 380px;
    height: 365px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 18px;
}


.pro_l dd li .picimg{
    display: flex; justify-content: center; align-items: center;
    width: 380px; padding: 20px 10%;
    height: 322px; overflow: hidden;

}
.pro_l dd li .picimg img{ width: 100%;}
.pro_l dd li:hover img{transform: scale(1.1);}
.pro_l dd li em{
    position: absolute;
    background-color: #dddddd;
    width: 100%; text-align: center;
    height: 45px;
    line-height: 45px;
    opacity: 0.8;
    box-sizing: border-box;
    padding-left: 25px;
    font-size: 18px;
    font-weight: normal;
    color: #474443;
}
.prev20{ left:-46px;transition: all .36s ease;position:absolute;top:25%;z-index:99;text-align:center;margin-top:-49px;
    width:46px;height:46px;cursor:pointer;opacity: 1;background:url(../images/bprev.png) no-repeat center; }
.next20{ right:-46px;transition: all .36s ease; position:absolute;top:25%;z-index:99;text-align:center;margin-top:-49px;width:46px;
    height:46px;cursor:pointer;opacity: 1;background:url(../images/next2.png) no-repeat center;}
    .prev30{ left:-46px;transition: all .36s ease;position:absolute;top:55%;z-index:99;text-align:center;margin-top:-49px;
        width:46px;height:46px;cursor:pointer;opacity: 1;background:url(../images/bprev.png) no-repeat center; }
    .next30{ right:-46px;transition: all .36s ease; position:absolute;top:55%;z-index:99;text-align:center;margin-top:-49px;width:46px;
        height:46px;cursor:pointer;opacity: 1;background:url(../images/next2.png) no-repeat center;}
    
.pro_r{float: right; width:426px; }
.pro_r li{ display: block; width:426px;height: 621px;overflow: hidden;}
.pro_r li img{  display: block; width:426px;height: 621px; }
.pro_s{ padding-top: 32px; }
.pro_s p em{ display: inline-block;font-size: 16px;color: #4c4c4c;line-height: 16px; }
.pro_s p a{ display: inline-block;font-size: 16px;color: #4c4c4c;line-height: 16px;margin-right: 16px;-o-transition:all .5s ease;transition:all .5s ease }
.pro_s p a:hover{ color: #005bac; }
.pro_con {width: 1170px;}
.prev2{ left:-46px;transition: all .36s ease;position:absolute;top:60%;z-index:99;text-align:center;margin-top:-49px;
    width:46px;height:46px;cursor:pointer;opacity: 1;background:url(../images/bprev.png) no-repeat center; }
.next2{ right:-46px;transition: all .36s ease; position:absolute;top:60%;z-index:99;text-align:center;margin-top:-49px;width:46px;
    height:46px;cursor:pointer;opacity: 1;background:url(../images/next2.png) no-repeat center;}
.pro_qie,.pro_d,.pro_l{width: 100%;}
.pro_d{ margin-top: 20px;}
.pro_bd {margin-top: 20px;}
.pro_l ul.cpul{ display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap;  }

.protype{ display: flex;  justify-content: flex-end; align-items: flex-end; width: 100%; padding: 10px; padding-left: 30%; }
.protype a{color: #fff; font-size: 16px;}
.protype li{ padding: 5px 10px;}


.xinyoushi {
    background: url(../images/pagebjc.jpg) no-repeat center;
    height: 850px;
    display: block;
    margin: 0 auto;
    position:relative;
}

.xinyoushi .tits {
    text-align: left;
    display: block;
    color: #fff;
    padding-top: 70px;
    line-height: 40px;
    margin-bottom: 36px;
}

.xinyoushi .tits span {
    font-size: 36px;
    font-weight: bold;
}

.xinyoushi .tits p {
    font-size: 26px;
}

.xinyoushi p.prev {
    background: url(../images/youshileft.png) no-repeat;
    display: block;
    width: 112px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    position: absolute;
    bottom:60px;
    z-index: 999;
    left: 40px;
}

.xinyoushi p.prev a {
    color: #fff;
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

.xinyoushi p.next a {
    color: #fff;
    display: block;
    height: 45px;
    line-height: 45px;
    text-align: center;
}

.xinyoushi p.next {
    background: url(../images/youshiright.png) no-repeat;
    display: block;
    width: 112px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    position: absolute;
    bottom: 60px;
    right: 52%;
    z-index: 9999;
}

.yscontent {
    position: relative; min-height: 580px; background-color: #fff; border-radius: 0 0 0 60px;

}
.youscommon {
}
.youscommon {
    overflow: hidden;
}

.ystext {
    display: block;
    overflow: hidden;
    /*margin-bottom: 80px;*/
}
.ystext dl{display: flex;}
.ystext dl dt { flex: 1;
    float: left;
    width: 50%;
    background:#fff;
    border-radius: 0 0 0 60px;
    position: relative;
}
.ystext dl dt .des{font-weight: normal;}
.ystext dl dd { flex: 1;
    float: right;
    width: 50%;
}

.ystext dl dd img {
    width: 100%;
}

.ystext dl dt .tit {
    text-align: left;
    display: block;
    height: 72px;
    margin: 51px 39px 10px 39px;
}

.ystext dl dt .tit span {
    font-size: 32px;
    display: block;
    height: 40px; color: #474443;
    margin-bottom: 12px;
}

.yscontent dl dt .tit p {
    color: #474443;
    display: block; font-weight: normal;
    height: 32px;
    width: 288px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Arial";
}

.ystext dl dt .des {
    margin: 52px 39px 10px 39px;
    font-size: 16px;
    line-height: 32px;
}

.ystext dl dt .num {
    position: absolute;
    right: 42px;
    bottom: 60px;
    font-size: 33px;
    color: #dddcdc;
}
.ystext.three dl dt .des {
    margin-top: 14px;
}

.pagecase{background: url("../images/pagebjb.jpg")}

.casetypeul{display: flex; flex-wrap: wrap;  justify-content: space-between; align-items: center; padding-left: 12%;}
.casetypeul li{padding: 8px;display: flex; width: 25%; justify-content: center; align-items: center;}
.casetypeul li a{padding: 10px; display: flex; width: 180px; justify-content: center; align-items: center; border-radius: 6px; background: #fff; font-weight: bold; font-size: 16px;}

.casetypeul li:hover a{ background:  linear-gradient(to bottom ,#004996, #007cc3); color: #fff;}
.casediv{display: flex; flex-direction: column; padding: 4px; background: #fff; border-radius: 6px;}
.casediv .casetit{ text-align: center; line-height: 30px;  font-size: 14px; font-weight: bold; padding-bottom: 4px;}
.casediv .caseimg{ width: 100%; height: 240px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.casediv .caseimg img{ min-width: 100%; min-height: 100%;}
.casediv:hover .caseimg img{transform: scale(1.1);}
.caseul{display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 100%;}
.caseul li{width: 24%; margin: 10px 0;}
.abshowpage{margin-top: 40px;}
.types{display: flex; justify-content: center; align-items: center; width: 100%; flex-wrap: wrap; margin-bottom: 30px;}
.types a{display:block;  padding: 7px 50px; margin: 5px 25px; background: #eeefef; font-weight: bold; border-radius: 20px 0 20px 0; }
.types a.on{background:  linear-gradient(to bottom ,#004996, #007cc3); color: #fff;}
.abshow {margin-top: 40px;}
.showimg,.abshow{ display: inline-flex; flex-wrap: wrap; width: 100%; overflow: hidden;}

.abimg-ul{transition: all 0s ease 0s;}
.abimg-ul li{ margin: 10px;}
.abimg-ul li img{ width: 300px; height: 230px;}
.abimg-ul li .text{ line-height: 40px; text-align: center; width: 100%;}
.ny-left-t{position: relative; padding:  20px; display: inline-block; width: 100%; background:  #20448e; background-size: cover; color: #fff;}
.ny-left-t .left-cn{ font-size: 18px; font-weight: bold; text-align: center;}

.pagelr{display: flex; width: 100%; justify-content: space-between; padding: 20px 10px;}
.pagelr .cp-nav{width: 280px; }
.pagelr .pageright{ display: flex; flex: 1; margin-left: 15px; margin-right: 15px; flex-direction: column; padding: 0 15px;}

.ny-nav-ul{display: flex; flex-direction: column; width: 100%;}
.ny-nav-ul .ny-nav-ul{ padding-left: 10px; display: none; }
.ny-nav-ul li{flex-direction: column; display: flex;  background-color: #f7f7f7;  margin-top: 1px;}
.ny-nav-ul li a{display: flex; font-weight: bold; cursor: pointer; padding: 5px; padding-left: 25px;  width: 100%; justify-content: space-between; align-items: center;
     line-height: 40px; background-color: #f7f7f7;}
     .ny-nav-ul > li:hover >div ,.ny-nav-ul li.active >div {background-color: #20448e;}
.ny-nav-ul > li:hover >div > a,.ny-nav-ul li.active >div > a{background-color: #20448e; color: #fff;}
.ny-nav-ul > li:hover >div i.iconfont,.ny-nav-ul li.active >div i.iconfont{color: #fff;}
.ny-nav-ul li.active .ny-nav-ul{display: flex;}
.ny-nav-ul .ny-nav-ul > li:hover > a,.ny-nav-ul .ny-nav-ul li.active > a{background-color: #eee; color: #20448e;}
.ny-nav-ul li .ny-nav-ul li a{font-weight: 500;}
.ny-nav-ul li .ny-nav-ul li a .iconfont{width: 50px; text-align: center;}
.breadcrumb{ position: relative; background-color: transparent; border-bottom: 1px dotted #666; padding-left: 10px; border-radius: 0;;}
.breadcrumb::before{ content: ''; position: absolute; left: 0; top: 16px; height: 16px; border-radius: 100px; width: 5px; background-color: #20448e;}

.cpseach{padding: 15px; line-height: 30px;}

.seach-div{display: flex;justify-content: center; align-items: center; padding-right: 20px;}

.myseabtn{ border-radius: 0; border: 0px #20448e solid; border-right: 0; background: #20448e; color: #fff; }
.myseabtn:hover{color: #fff;}
.myseainput{ background-color: rgba(254,254,254,.6); color: #333; border-radius: 100px 0 0 100px;
    padding: 0 10px; border: 1px #20448e solid; border-right: 0; line-height: 35px; height: 35px;}
.myseainput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #ccc!important;
}
.myseainput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc!important;
}
.myseainput ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc!important;
}
.myseainput :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ccc!important;
}
.righttit{position: relative; line-height: 50px; font-size: 24px; font-weight: bold;  border-bottom: 1px solid #ccc;}
.righttit::before{ content: ''; position: absolute; left: 0; bottom: -2px; height: 3px; width: 20px; background-color: #20448e;}
.cpul-ny{display: flex; flex-wrap: wrap; width: 100%; padding: 20px 0;}
.cpul-ny li{width: 33.3%; padding: 8px;}
.cpdiv{ display: flex; flex-direction: column; width: 100%; padding-bottom: 10px}
.cpimg{ background-color: #f5f5f5; height: 240px; overflow: hidden; display: flex; justify-content: center ; align-items: center;}
.cptit{font-size: 16px; font-weight: bold; padding: 5px 10px; position: relative;}
.cptit::before{ content: ''; position: absolute; left: 0; top: 15px; height: 10px; width: 5px; background-color: #20448e;}
.cpnote{ line-height: 22px; height: 120px; overflow: hidden; overflow-y: auto; margin-top: 0px; padding: 0 10px; padding-left: 0 ;}
.cpnote p{margin-bottom: 0; margin-top: 0; line-height: 18px; color: #474443;}

.cpnote::-webkit-scrollbar,.cpnote::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
  }
  
  .cpnote::-webkit-scrollbar-thumb,  .cpnote::-webkit-scrollbar-thumb {
    background-color: #666;
  }

.cpdiv:hover{box-shadow: 3px 3px 10px rgba(0,0,0,.1); background-color: #f7f7f7;}
.cpdiv:hover .cpimg img{ transform: scale(1.1);}


.pageny-t-b{ display: inline-block; width: 100%; padding-bottom: 20px;}

.tit-cn{ font-size: 24px; font-weight: bold; display: inline-block; width: 100%; line-height: 40px;}
.tit-en{ font-size: 14px; color: #ccc; font-weight: 500; display: inline-block; width: 100%; line-height: 30px;}
.tit-baise.pageny-t-b .tit-cn{color: #fff;}
.tit-baise.pageny-t-b .tit-en{color: #fff;}
.ab-ul-ny{background-color: #fff; margin: 20px 0;}
.ab-ul-ny .ab-ul-val{  color: #E40019}

.page-ny{ line-height: 30px;}



.bg{width:100%;height: 600px;margin:0 auto;padding:20px; overflow: hidden; box-sizing: border-box;background: #fff; position: relative;}
.bg_left{width: 50%;height:auto;float: left}
.bg_right{position: absolute; left: 50%; top: 20px; background-color: #fff;}
.show{width: 100%;height: 430px;margin-bottom: 10px;position: relative; overflow: hidden; border:1px solid #E8E8E8;cursor:move;display: flex; justify-content: center; align-items: center;}
.show img{width: 100%;}
.mask{width: 315px;height: 315px;background: #000;filter: Alpha(opacity=50);opacity:0.5;position: absolute;top: 0;left: 0;display: none;}
.bigshow{width: 430px;height: 430px;overflow: hidden;margin-left: 10px;display: none;border:1px solid #E8E8E8;  }
.bigshow img{width: 2060px;height:600px;margin-right: 10px;}
.smallshow{width: 100%;height: 90px;position: relative; margin-top: 10px;}
.smallshow img{width:100%;border:1px solid #e8e8e8;box-sizing: border-box;transition: all 0.5s}
.smallshow>.middle_box{margin-left: 30px;margin-right: 30px;width:calc(100% - 60px) ;overflow: hidden;height: 120px;}
.smallshow .middle{overflow: hidden;transition: all 0.5s;height: 100px;}
.smallshow .middle>li{width: 140px;height: 120px;float: left;cursor:pointer;padding:0 5px;}
.smallshow>p{position: absolute;top:50%;width: 22px;height: 32px;margin-top: -16px;}
.smallshow>.prev{left: 0;background: url(../images/hover-prev.png) no-repeat;transition: all 0.5s}
.smallshow>.next{right: 0;background: url(../images/hover-next.png) no-repeat;transition: all 0.5s}
.smallshow>.prev.prevnone{left: 0;background: url(../images/prev.png) no-repeat;cursor: not-allowed}
.smallshow>.next.nextnone{right: 0;background: url(../images/next.png) no-repeat;cursor: not-allowed}

.cppage .bg{display: flex; flex-wrap: wrap;}
.cppage .cpbody{width: 50%; line-height: 20px; padding:0 5%; display: flex; flex-direction: column; text-align: left;}
.cppage .cpbody p{ line-height: 20px;}
.cpxx-lxg{display: flex; align-items: center; width: 100%; margin-top: 20px;}
.cpxx-lxg .a{ border: 1px solid #ccc; padding: 10px; width: 200px;}
.cpxx-lxg .b{ border: 1px solid #ccc; margin-left: -1px; text-align: center; width: 200px; background-color: #20448e; padding: 10px 30px; color: #fff;}
.cpxx-lxg .b a{color: #fff;}

.cn.can span{ color: #20448e;}

.cpul.xx .cpdiv{border: 1px solid #ccc; padding-bottom: 0;}
.cpul.xx .cptit{ background-color: #f2f2f2; text-align: center; padding:10px; border-top: 1px solid #ccc;}
.gssl_nr dl{display: flex ; justify-content: center; align-items: center; flex-wrap: wrap; height: 380px;}
.gssl_nr dl dt{width: 50%; overflow: hidden; height: 100%;}
.gssl_nr dl dt img{width: 100%; height: 100%;}
.gssl_nr dl dd{ width: 50%; padding: 40px; background-color: #fff; height: 100%; display: flex; flex-direction: column;  display: flex ; flex: 1;}
.gssl_nr dl dd >div > span {
    width: 76px;
    height: 76px;
    background: linear-gradient(to bottom ,#004996, #007cc3); 
    color: #fff;
    display: block;
    font-size: 56px;
    font-family: "Bahnschrift";
    text-align: center;
    line-height: 76px;
    float: left;
    margin-top: 24px
}
.gssl_nr dl dd .h3{display: flex; flex-direction: column; font-size: 32px; color: #242424; font-weight: bold; line-height: 42px; padding: 10px; margin-top: 5px;}
.gssl_nr dl dd .h3 i{font-size: 20px; font-weight: normal; font-style: normal;}
.gssl_nr dl dd .note{ font-size: 16px; line-height: 30px; color: #4c4c4c;}

.gssl_nr dl:hover dt img{ transform: scale(1.1);}

.yy{display: flex; flex-direction: column; width: 100%;}
.yyimg{width: 100%; height: 240px; overflow: hidden; padding: 20px 15%; display: flex; justify-content: center; align-items: center;}
.yyimg{height: 100%;}
.yytit{background-color: #f5f5f5; line-height: 30px; padding: 5px; font-size: 16px; text-align: center;}
.yy.b .yytit{ display: flex ; flex-direction: column; text-align: left;}
.yy.b:hover .yyimg img{ transform: scale(1.1);}
.pagetita .yygg{ position: relative; background: linear-gradient(to bottom ,#004996, #007cc3); color: #fff ; padding: 10px 40px; border-radius: 20px;}
.pagetita .yygg::after{ position:absolute;left:50%;margin-left:-10px;bottom:-12px;content:"";background:0;width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #007cc3 transparent transparent transparent;}
.pageny-t-b.case .tit-cn{font-size: 32px;}
.pageny-t-b.case .tit-en{font-size: 18px; color: #666;}
.casepageny{background: url(../images/casebja.jpg) center top; background-size: cover;}

.casedlyy{display: flex; justify-content: space-between; width: 100%; margin: 20px 0; background-color: #fff;  min-height: 300px; box-shadow: 3px 3px 10px rgba(0,0,0,.1); border-radius: 20px;}

.casedlyy dd{border-radius: 20px; overflow: hidden; width: 40%; display: flex; justify-content: center; align-items: center;}
.casedlyy dd a{display: flex; width: 100%; justify-content: center; align-items: center; height: 400px; overflow: hidden;}
.casedlyy dd img{ height: 100%; width: 100%;}
.casedlyy dd:hover img{transform: scale(1.1);}
.casedlyy dt{display: flex; flex-direction: column; width: 60%; padding: 40px;}
.casedlyy dt .tit{font-size: 24px; font-weight: bold; color: #3a4968; line-height: 50px;}
.caseyyul{display: flex; position: relative; padding-left: 30px; flex-direction: column; margin-top: 20px;}
.caseyyul::before{width: 1px; height: 100%; content: ''; position: absolute; left: 0; top: 0; background-color: #ccc;}
.caseyyul li {position: relative; margin: 10px 0; cursor: pointer;}
.caseyyul li .num{position: absolute; left: -45px; top: 0px; background: url(../images/dbx.png); width: 30px; height: 35px; display: flex; justify-content: center; align-items: center; color: #fff;}
.litit{display: flex; flex-direction: column;}
.litit{font-weight: normal;}
.litit .ta{font-weight: bold; line-height: 30px;}
.dtyyimg{display: none;}

.aboutny{display: flex; width: 100%;}
.aboutleft{width: 50%; display: flex; justify-content: center; align-items: center;}

.aboutright{width: 50%; display: flex; flex-direction: column; padding-top: 20px;}
.abscen{height: 400px; width: 100%; overflow: hidden; overflow-y: auto; margin-top: 20px;}



.qywhul{display: flex; width: 100%; justify-content: space-between; align-items: center; height: 700px; color: #fff;}
.qywhul li{ padding: 20px; width: 25%; display: flex; height: 100%; border-left: 1px solid #fff; border-right: 1px solid #fff; margin-left: -1px; position: relative;}
.qywhdiv{display: flex ; position: relative; z-index: 1; flex-direction: column; justify-content: center; align-items: center ; width: 100%; height: 100%;}
.qywhul li::before{content: ''; position: absolute; z-index: 0; top: 0; bottom: 100%; left: 0; right: 0; background-color: rgba(32,68,142,0.7); height: 0;transition: all 0.3s ease 0s;}
.qywhcn{font-weight: bold; margin-top: 20px;}
.qywhdx{position: relative; width: 100%; margin: 20px 0; display: flex; justify-content: center; align-items: center;}
.qywhnote{display: none;}
.qywhul li:hover::before {height: 100%;}
.qywhul li:hover .qywhdiv .qywhnote{display: block;}
.fazul{display: flex; width: 100%; position: relative; border-top: 1px dotted; padding: 10px  0; margin-top: 60px; }
.fazul ul{display: flex; width: 100%; position: relative; }
.fazul li{ position: relative; width: 12%; cursor: pointer;}
.fazul li::before{position: absolute; content: ''; top: -15px; left: 14px; width: 10px; height: 10px; border-radius: 10px; background-color: #adadad; }
.fazul li::after{position: absolute; content: ''; top: -19px; left: 10px; width: 18px; height: 18px; border-radius: 18px;  border: 4px solid rgba(0,0,0,.2);}
.fazul li.on::before{ background-color: #0d50be;}
.fazul li.on::after{ border: 4px solid rgba(13,80,190,.2);}
.fazul li.on{color:#0d50be ;}
.abfz{display: flex; width: 100%; background-color: #fff; height:450px; box-shadow: 3px 3px 10px rgba(0,0,0,.2); margin: 20px ;}
.abfzleft{display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; height: 100%; overflow-y: auto; width: 50%; padding: 40px;}
.abfzimga{display: flex; width: 100%; justify-content: flex-start;}
.abfzright{display: flex; justify-content: center; align-items: center; overflow: hidden;}
.abfzcon{width: 100%; margin: 20px 0;}



.abscen::-webkit-scrollbar,.abfzleft::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
  }
  
  .abscen::-webkit-scrollbar-thumb,  .abfzleft::-webkit-scrollbar-thumb {
    background-color: #666;
  }

  .prevfz,.prevry{ left:-29px;transition: all .36s ease;position:absolute;top:50%;z-index:99;text-align:center;margin-top:-49px;
    width:49px;height:49px;cursor:pointer;opacity: 1; }
    .nextfz,.nextry{ right:-69px;transition: all .36s ease; position:absolute;top:50%;z-index:99;text-align:center;margin-top:-49px;width:49px;
    height:49px;cursor:pointer;opacity: 1;}
    .prevfz .iconfont, .nextfz .iconfont{color: #666; font-size: 24px;}
    .prevry .iconfont, .nextry .iconfont{color: #ccc; font-size: 24px;}
    .abrypro{display: flex; width: 100%; overflow: hidden; margin-left: 20px;}
.abry{ width: 100%; height: 360px;}
.abry li{ float: left; position: relative; display: flex; justify-content: center; align-items: center;}

.abry li::before{position: absolute; content: ''; bottom: -50px; left: 50%;margin-left: -5px; width: 10px; height: 10px; border-radius: 10px; background-color: #fff; }
.abry li::after{position: absolute; content: ''; bottom: -54px; left: 50%; margin-left: -9px; width: 18px; height: 18px; border-radius: 18px;  border: 4px solid rgba(254,254,254,.4);}
.abrycon{ position: absolute; display: none; bottom: -80px; left: 0; right: 0; color: #fff; text-align: center;}
.abry li:hover .abrycon{ display: block;}
.abry li:hover::before{background-color: #0d50be; z-index: 2;}
.abry li:hover::befafterore{ border: 4px solid #fff; z-index: 2;}
.abrydiv{width: 290px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px;}
.abrydiv .abryimga{ padding: 10px; background-color: #fff; position: relative; border-radius: 12px; box-shadow: 3px 3px 10px rgba(0,0,0,.1); height: 240px;  display: flex; justify-content: center ; align-items: center;}
.abrydiv .abryimga img{width: 100%; height: 100%;}
.abrypage{ background: linear-gradient(to right ,#8996bb, #43506e); position: relative;;}
.abryimga{ display: flex; justify-content: center; background-color: #fff; position: relative;}
.abryimga::after{
    position:absolute;left:50%;margin-left:-10px;bottom:-12px;content:"";background:0;width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 10px;
    border-color: #fff transparent transparent transparent;
}
.ary_x{display: flex;width: 100%; justify-content: space-between; align-items: center; position: relative; margin-top: 36px;}
.ary_x::before{ content: ''; width: 100%; height: 1px ; bottom: 160px; background-color: #fff; position: absolute; left: 0;}
.ary_x::after{ content: ''; width: 100%; height: 1px ; display: none; bottom: 100px; background-color: #fff; position: absolute; left: 0;}
.ary_x li{width: 16%; display: flex; justify-content: center; align-items: center;}
.ry-ul-div{display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ab-ul-tit{font-size: 16px; font-weight: 555; text-align: left; padding-left: 4px; color: #fff;}
.ab-ul-val{color: #fff; display: flex; text-align: left; font-size: 40px; font-family: myabkrobat; font-weight: bold; line-height: 40px;}
.ab-ul-val small{ font-size: 14px; color: #fff; margin-bottom: -10px; text-align: left; padding-left: 2px; font-family: "Microsoft YaHei", "微软雅黑"; position: relative;display: flex; align-items: flex-end;}

.ab-ul .ab-ul-tit{color: #474443;}

.absldiv{position: relative; height: 470px; overflow: hidden;}
.absldiv .tits{position: absolute; left: 0;bottom: 0; right: 0; font-size: 16px; background-color: rgba(0,0,0,.2); padding: 0 20px; height: 40px; line-height: 40px; color: #fff;}
.ary_x_ul{display: flex; width: 100%; justify-content: space-between;}

.abslpro{ display: flex; flex-direction: column; width: 100%; height: 600px; overflow: hidden; position: relative;}
.abslpro .tempWrap{overflow: visible !important;}
.abslpro .bd{position: absolute; left: 50%; margin-left: 490px;}
.abslpro .hd{ position: absolute; bottom: 20px; z-index: 1; left: 0; right: 0;}
.abslpro .pic li{ margin: 20px; width: 880px;}
.abslpro .hd ul{display: flex; justify-content: center; align-items: center;}
.abslpro .hd li{ width: 30px; background-color: rgba(0,0,0,.1); height: 4px; margin: 2px; overflow: hidden;}
.abslpro .hd li.on{ background-color:#0d50be ;}

.pagetit.a{ display: flex; flex-direction: column; width: 100%; justify-content: center; align-items: center;}
.pagetit.a .tit{color: #0d50be; width: 400px; line-height: 40px; margin: 20px 0; font-size: 28px; text-align: center;}

.pagetit.a .note{ width: 800px; line-height: 25px; font-size: 18px; text-align: center;}

.youshi{ display: flex; width: 100%; flex-direction: column;}
.youshi li{ border-top: 1px #eee dotted; width: 100%; padding: 20px; position: relative;}
.youshi li::before{position: absolute; left: -10px; top: 10px; width: 6px; height: 6px; border-radius: 6px; content: ''; background-color: #0d50be;}
.youshidiv{ display: flex; width: 100%;  flex-direction: column;}
.youshidiv .tit{font-weight: bold;}
.footit{font-size: 30px; font-weight: bold; line-height: 50px; color: #0d50be;}
.youshi li.footit::before{display: none;}
.huozuo{display: flex; width: 100%; flex-wrap: wrap;}
.huozuo li{ width: 20%; display: flex; padding: 8px;}
.huozuo li .huozuodiv{ display: flex; justify-content: center; align-items: center; height: 80px; overflow: hidden; background-color: #fff;}
.huozuodiv img{ width: 100%;}

.page-ny-c{display: inline-block ; width: 100%; margin: 40px 0;}
.contenttit {display: flex; width: 100%; padding-bottom: 40px; flex-direction: column;}
.contenttit span {
    display: inline-block;
    padding-bottom: 10px;
    border-bottom: 1px solid #1b1b1b;
    color: #000;
    font-size: 24px;
}
.contenttit span.note{font-size: 16px; font-weight: normal; text-align: center; border-bottom: 0; margin-top: 10px;}
.lxwm-ul{display: flex; width: 100%; flex-wrap: wrap;}
.lxwm-ul li{ width: 50%; padding: 20px; display: flex;}
.lxwm-div{display: flex; flex-direction: column; width: 100%; padding: 10px;}
.lxwm-tit{display: flex; font-size: 18px ; font-weight: bold; padding-bottom: 20px;}
.lxwm-con{ height: 160px; overflow: hidden; overflow-y: auto;}
.myform-g input{ height: 55px; line-height: 55px; border: 1px solid #ddd; background-color: #ddd; box-shadow: none; border-radius: 8px; font-size: 16px;}
.myform-g textarea{ border: 1px solid #f5f5f5; height: 80px; font-size: 16px; background-color: #ddd; box-shadow: none; }
.myform-g input.mybtn{background-color: #20448E; color: #fff; width: 70px; float: right; height: 50px; line-height: 50px; padding: 0;}

.lxwm-con::-webkit-scrollbar,.lxwm-con::-webkit-scrollbar {
    width: 4px;
    background-color: #F5F5F5;
  }
  
  .lxwm-con::-webkit-scrollbar-thumb,  .lxwm-con::-webkit-scrollbar-thumb {
    background-color: #666;
  }
.aboutnav{position: absolute; left: 30px; top: 800px; font-size: 16px; line-height: 40px; transition: all 0s ease 0s;}
.aboutnav li{position: relative;}
.aboutnav li::before{ content: ''; position: absolute; left: -15px; width: 8px; height: 8px; border-radius: 8px; background-color: #003a8b; top: 17px; display: none;}
.aboutnav li.on,.aboutnav li:hover{ color: #003a8b;}
.aboutnav li.on::before,.aboutnav li:hover::before{display: flex;}
.aboutnav.scrolls{top: 200px; position: fixed;}


/*在线客服*/

#newBridge .icon-right-center { right:auto !important; left:2px;}

#newBridge .nb-frame-chat-box-right-bottom { right:auto !important; left: 20px;}

.keifu{  position:fixed; top:35%; right:0; width:52px;  _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));

 z-index:990;}

.keifu_tab{ width:58px;}

.icon_keifu{ width:26px; height:100px; float:left; background:url(../images/keifu.png) no-repeat center center; position:relative; display:none; cursor:pointer;}

.keifu_box{ float:left; width:58px;}

.keifu_tab img{ display:block;}

.keifu_head{ width:72px; height:41px;   font-size:0; line-height:0; position:relative;}

.keifu_close:link,.keifu_close:visited{ display:block; width:27px; height:27px; background:url(../images/index_cy1.png) no-repeat center center; position:absolute; top:5px; right:18px;}

.keifu_close:hover{  background:url(../images/index_cy2.png) no-repeat center center;}

.keifu_con{   padding-top:15px; }

.keifu_con li{height:48px; width:48px; border:1px solid #20448E;  margin:0 2px 8px 0; border-radius:70px; position:relative; }

/* .keifu_con li:nth-child(3){  background-size:53% !important;} */

.keifu_con .weixin{ height:96px;}

.keifu_con .bt{ font-size:16px; height:30px; line-height:30px; text-align:left; padding:0 0 0 20px; color:#012646;}

.keifu_bot{ width:131px; height:119px; background:url(../images/keifu.png); background-position:0 -149px; }

.keifu_con .wx { background:#20448E url(../images/incon65.png) no-repeat center center;}

.keifu_con .wx:hover { background:#fff url(../images/incon65h.png) no-repeat center center;}

.keifu_con .dh { background:#20448E url(../images/incon66.png) no-repeat center center;}

.keifu_con .dh:hover  { background:#fff url(../images/incon66h.png) no-repeat center center;}

.keifu_con .qq { background:#20448E url(../images/incon64.png) no-repeat center center;}

.keifu_con .qq:hover  { background:#fff url(../images/incon64h.png) no-repeat center center;}

.keifu_con .ly { background:#20448E url(../images/incon67.png) no-repeat center center;}

.keifu_con .ly:hover{ background:#fff url(../images/incon67h.png) no-repeat center center;}

.keifu_con .qq a { display:block; width:100%; height:100%; color:#fff;}

.keifu_con .wx p { width:160px; position:absolute; left:0; top:0; z-index:999999999; display:none; background:#fff;}

.keifu_con .wx p img { width:100%;}

.keifu_con .wx:hover p {  left:-162px; display:block;}

.keifu_con .dh p { text-align:center; font-size:18px; text-align:center; line-height:50px; text-indent:2em; width:240px; height:50px; border-radius:70px; position:absolute; left:0; top:-1px; z-index:999999999; display:none; background:#20448E url(../images/incon66.png) no-repeat 25px center; color:#fff;}

.keifu_con .dh p a { color:#fff;}

.keifu_con .dh:hover p {  left:-190px; display:block;}

.keifu_con .qq p { text-align:center; font-size:18px;   text-align:center; line-height:50px; text-indent:2em; width:170px; height:50px; border-radius:70px; position:absolute; left:0; top:-1px; z-index:999999999; display:none; background:#20448E url(../images/incon64.png) no-repeat 25px center; color:#fff;}

.keifu_con .qq:hover p {  left:-120px; display:block;}

.keifu_con .wx p a {   display:block; width:100%; height:100%; color:#fff;}

.keifu_con .wx p { text-align:center; font-size:18px;   text-align:center; line-height:50px; text-indent:2em; width:170px; height:50px; border-radius:70px; position:absolute; left:0; top:-1px; z-index:999999999; display:none; background:#20448E url(../images/incon65.png) no-repeat 25px center; color:#fff;}

.keifu_con .wx:hover p {  left:-120px; display:block;}







.keifu_con .ly a { display:block; width:100%; height:100%;}



.keifu_con .b_top {  background:#20448E url(../images/incon68.png) no-repeat center center; border-radius:70px;

  ;}

.keifu_con .b_top:hover {  background:#fff url(../images/incon68h.png) no-repeat center center; }	

 #goTopBtn  { width:48px; height:48px;}

 

#goTopBtn span {  transform: rotate(270deg); font-family:"simsun"; display:block; width:30px; height:30px; line-height:30px; margin-top:10px; margin:0 auto; font-size:25px; text-align:center;

            -ms-transform: rotate(270deg);

            /* Internet Explorer 9*/

            -moz-transform: rotate(270deg);

            /* Firefox */

            -webkit-transform: rotate(270deg);

            /* Safari 和 Chrome */

            -o-transform: rotate(270deg);

            /* Opera */

  }

#goTopBtn i { font-style:normal; margin-top:-5px;}





.footpage{ width: 100%;  padding-top: 0; background: #1d191a; color: #fff;}
.footn{background-color: #20448e; display: flex; }
.footn li{color: #4c6db2;}
.footc{border-top: 1px solid #8f8d8e; font-size: 12px; display: flex; line-height: 30px;}
.footpage a{color: #fff;}
.footnav{display: flex; width: 100%; justify-content: space-between; align-items: center; padding:0 5%;  }
.footnav li{ padding: 2px 20px;}
.footnav li a{color: #fff; font-size: 14px; font-weight: 540;}
.footcen{display: flex; width: 100%; padding: 40px 20px; justify-content: center; align-items: center}
.footdiv{border-right: 1px;height: 180px; border-right: 1px solid #fff; padding: 10px  2.6%; color: #fff; line-height:30px; width: 33%; display: flex; flex-direction: column; justify-content: center;}
.footcen .footdiv:last-child{border-right: 0; width: 240px; justify-content: center; display: flex; align-items: flex-start;}
.footcen .footdiv:first-child{ align-items: flex-end;}
.footcen .footdiv:last-child img{width: 150px; height: 150px;}
.footdiv .tit{ font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.page-tit.baise .page-en,.page-tit.baise .page-cn{color: #fff;}
/*public*/
.fenyeys{ float:left; width:100%; display: inline-block; padding: 20px 10px; text-align:center;  font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:0px;  padding:5px 10px; background:#20448e; color:#fff; }
.fenyeys span.iconfont{background-color: #fff;color: #474443;}
.fenyeys a{ margin:2px 6px; border-radius:0px; padding:5px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#20448e;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, 
.pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:#20448e; border-color: #20448e;}
.pagination>li:first-child>a, .pagination>li:first-child>span,.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 0px; padding: 6px 10px;}

.nyright-con .col-md-12{margin: 0px; padding: 0px;}

.page-ny img{ max-width: 100%;}
.ny-r-c{display: inline-block; width: 100%;}

.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.p8{padding-right: 8px;
    padding-left:8px;}
.p20{padding-right: 20px;
    padding-left:20px;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.fl {	float: left;}
.fr {	float: right;}
.w100 {	width: 100%;}
.mt10 {	margin-top: 10px !important;}
.mt20 {	margin-top: 20px;}
.mt30 {	margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt6 {	margin-top: 6px;}
.mt60 {	margin-top: 60px;}
.tac {	text-align: center;}
.pb10 {	padding-bottom: 10px;}
.borderb1 {	border-bottom:1px solid #d4d4d4;}
.rela{position: relative}
.color-fff{color: #fff!important;}
.ba-f5f5f5{ background: #f5f5f5;}
.ba-EBEBEB{background: #EBEBEB;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}

.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.w50{width: 50%;}
.w60{width: 60%;}
.w70{width: 70%;}
.w80{width: 80%;}


@media (max-width: 1440px) {
    .navbar-default .navbar-nav>li>a{padding: 0 15px;}
    .case-typea{ height: 260px;}
    .case-typeb{ height: 200px;}
    .case-typeb .cn{ margin-top: 80px;}
}
@media (max-width: 1366px) {
    .case-typea{ height: 240px;}
    .case-typeb{ height: 180px; }
    .case-typeb .cn{ margin-top: 60px;}
    .navbar-default .navbar-nav>li>a{}
}


@media (max-width: 768px) {

    .ryzz-fanye{left: 0}
    .ryzz-fanye .ryzz-next{right: 10px; z-index: 5}
    .ryzz-fanye .ryzz-prev{ left: 10px; z-index: 5}
}